<!DOCTYPE html>
<html>
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="assets/lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./assets/css/style.css">

		<title>登录</title>
	</head>
	<body class="login">
		<div class="card login-card  position-absolute top-50 start-50 translate-middle">
			<div class="card-header bg-dark text-white">
				登录
			</div>
			<div class="card-body">
				<form>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-2 col-form-label">账号</label>
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputEmail3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputPassword3" class="col-sm-2 col-form-label">密码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputPassword3">
						</div>
					</div>

					<div class="row mb-3">
						<div class="col-sm-10 offset-sm-2">
							<div class="form-check">
								<input class="form-check-input" type="checkbox" checked id="gridCheck1">
								同意本网站的用户协议
								</label>
							</div>
						</div>
					</div>
					<a href="./home-page -login.html">
						<button type="submit " class="btn btn-primary btn-login ">登录</button>
					</a>

				</form>
			</div>
			<div class="card-footer d-flex justify-content-between">
				<a href="./register.html" class="link-primary text-decoration-none">注册账户</a>
				<a href="#" class="link-primary text-decoration-none">忘记密码</a>
			</div>
		</div>


		<!-- Option 1: Bootstrap Bundle with Popper -->
		<!-- <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script> -->

	</body>
</html>
